<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    {:token()}
    <input type="hidden" name="row[id]" value="{$row.id|htmlentities}">
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Group')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            {$groupList}-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-username" class="control-label col-xs-12 col-sm-2">{:__('Username')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-username" data-rule="required" class="form-control" name="row[username]" type="text"-->
    <!--                   value="{$row.username|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-nickname" class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-nickname" data-rule="required" class="form-control" name="row[nickname]" type="text"-->
    <!--                   value="{$row.nickname|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-password" class="control-label col-xs-12 col-sm-2">{:__('Password')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-password" data-rule="password" class="form-control" name="row[password]" type="password"-->
    <!--                   value="" placeholder="{:__('Leave password blank if dont want to change')}"-->
    <!--                   autocomplete="new-password"/>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-email" class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-email" data-rule="email" class="form-control" name="row[email]" type="text"-->
    <!--                   value="{$row.email|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-mobile" class="control-label col-xs-12 col-sm-2">{:__('Mobile')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-mobile" data-rule="mobile" class="form-control" name="row[mobile]" type="text"-->
    <!--                   value="{$row.mobile|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-avatar" class="control-label col-xs-12 col-sm-2">{:__('Avatar')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <div class="input-group">-->
    <!--                <input id="c-avatar" data-rule="" class="form-control" size="50" name="row[avatar]" type="text"-->
    <!--                       value="{$row.avatar|htmlentities}">-->
    <!--                <div class="input-group-addon no-border no-padding">-->
    <!--                    <span><button type="button" id="faupload-avatar" class="btn btn-danger faupload"-->
    <!--                                  data-input-id="c-avatar"-->
    <!--                                  data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"-->
    <!--                                  data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>-->
    <!--                    <span><button type="button" id="fachoose-avatar" class="btn btn-primary fachoose"-->
    <!--                                  data-input-id="c-avatar" data-mimetype="image/*" data-multiple="false"><i-->
    <!--                            class="fa fa-list"></i> {:__('Choose')}</button></span>-->
    <!--                </div>-->
    <!--                <span class="msg-box n-right" for="c-avatar"></span>-->
    <!--            </div>-->
    <!--            <ul class="row list-inline faupload-preview" id="p-avatar"></ul>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-level" class="control-label col-xs-12 col-sm-2">{:__('Level')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-level" data-rule="required" class="form-control" name="row[level]" type="number"-->
    <!--                   value="{$row.level|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Gender')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            {:build_radios('row[gender]', ['1'=>__('Male'), '0'=>__('Female')], $row['gender'])}-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-birthday" class="control-label col-xs-12 col-sm-2">{:__('Birthday')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-birthday" data-rule="" class="form-control datetimepicker" data-date-format="YYYY-MM-DD"-->
    <!--                   data-use-current="true" name="row[birthday]" type="text" value="{$row.birthday|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-bio" class="control-label col-xs-12 col-sm-2">{:__('Bio')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <input id="c-bio" data-rule="" class="form-control" name="row[bio]" type="text"-->
    <!--                   value="{$row.bio|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-money" class="control-label col-xs-12 col-sm-2">{:__('Money')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-money" data-rule="required" class="form-control" name="row[money]" type="number"-->
    <!--                   value="{$row.money|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="form-group">-->
    <!--        <label for="c-score" class="control-label col-xs-12 col-sm-2">{:__('Score')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-4">-->
    <!--            <input id="c-score" data-rule="required" class="form-control" name="row[score]" type="number"-->
    <!--                   value="{$row.score|htmlentities}">-->
    <!--        </div>-->
    <!--    </div>-->
    <div class="form-group">
        <label for="c-card_no" class="control-label col-xs-12 col-sm-2">{:__('Card no')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-card_no" class="form-control" name="row[card_no]" type="text"
                   disabled value="{$row.card_no|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Card type')}:</label>
        <div class="col-xs-12 col-sm-4">
            <div class="radio">
                {foreach name="cardTypeList" item="vo"}
                <label for="row[card_type]-{$key}">
                    <input id="row[card_type]-{$key}" name="row[card_type]" type="radio"
                           disabled value="{$key}" {in name="key"
                           value="$row.card_type" }checked{/in}/>
                    {$vo}
                </label>
                {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Card value')}:</label>
        <div class="col-xs-12 col-sm-4 row-flex">
            <input id="c-card_value" class="form-control" name="row[card_value]" type="number"
                   value="{$row.card_value}" min="1" disabled max="99">
            <span id="unit">个月</span>
        </div>
    </div>
    <div class="form-group">
        <label for="c-start_time" class="control-label col-xs-12 col-sm-2">{:__('Start time')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-start_time" data-rule="" class="form-control datetimepicker" data-date-format="YYYY-MM-DD"
                   data-use-current="true" name="row[start_time]" type="text" value="{$row.start_time|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label for="c-end_time" class="control-label col-xs-12 col-sm-2">{:__('End time')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-end_time" data-rule="" class="form-control datetimepicker" data-date-format="YYYY-MM-DD"
                   data-use-current="true" name="row[end_time]" type="text" value="{$row.end_time|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[status]', ['normal'=>__('Normal'), 'hidden'=>__('Status 0')], $row['status'])}
        </div>
    </div>
    <div class="form-group">
        <label for="c-bind_mac" class="control-label col-xs-12 col-sm-2">{:__('Bind mac')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-bind_mac" class="form-control" name="row[bind_mac]" type="text"
                   value="{$row.bind_mac|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Remark')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-remark" class="form-control" name="row[remark]">{$row.remark|htmlentities}</textarea>
        </div>
    </div>
    <div class="form-group">
        <label for="c-loginfailure" class="control-label col-xs-12 col-sm-2">{:__('Loginfailure')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-loginfailure" data-rule="required" class="form-control" name="row[loginfailure]" type="number"
                   value="{$row.loginfailure|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label for="c-successions" class="control-label col-xs-12 col-sm-2">{:__('Successions')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-successions" data-rule="required" class="form-control" name="row[successions]" type="number"
                   value="{$row.successions|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-maxsuccessions" class="control-label col-xs-12 col-sm-2">{:__('Maxsuccessions')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-maxsuccessions" data-rule="required" class="form-control" name="row[maxsuccessions]"
                   type="number" value="{$row.maxsuccessions|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-prevtime" class="control-label col-xs-12 col-sm-2">{:__('Prevtime')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-prevtime" data-rule="required" class="form-control datetimepicker"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[prevtime]" type="text"
                   value="{$row.prevtime|datetime}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-logintime" class="control-label col-xs-12 col-sm-2">{:__('Logintime')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-logintime" data-rule="required" class="form-control datetimepicker"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[logintime]" type="text"
                   value="{$row.logintime|datetime}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-loginip" class="control-label col-xs-12 col-sm-2">{:__('Loginip')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-loginip" data-rule="required" class="form-control" name="row[loginip]" type="text"
                   value="{$row.loginip|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-joinip" class="control-label col-xs-12 col-sm-2">{:__('Joinip')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-joinip" data-rule="required" class="form-control" name="row[joinip]" type="text"
                   value="{$row.joinip|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label for="c-jointime" class="control-label col-xs-12 col-sm-2">{:__('Jointime')}:</label>
        <div class="col-xs-12 col-sm-4">
            <input id="c-jointime" data-rule="required" class="form-control datetimepicker"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[jointime]" type="text"
                   value="{$row.jointime|datetime}" disabled>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

<style>
    /* 使 span 与 input 同一行 */
    #unit {
        display: inline-block; /* 使 span 为行内块元素 */
        margin-left: 5px; /* 添加一些左边距以分隔 input 和 span */
        vertical-align: middle; /* 垂直对齐 */
        height: 33px;
        line-height: 33px;
        text-align: center;
    }

    /* 调整 input 的宽度，为 span 留出空间 */
    #c-card_value {
        flex: 1;
    }
</style>
